:root {
  /* 主题色 */
  --color-primary: #e60000;
  /* 内容宽度 */
  --container-width: 1000px;
  /* 头的高 */
  --header-height: 5px;
  /* 脚的高 */
  --footer-height: 100px;
}

#header {
  background-color: var(--color-primary);
  height: var(--header-height);
  /* 固定位置 */
  position: fixed;
  top: 0;
  width: 100%;
  /* 定位方式元素常见层级：全局弹窗1000  头部栏100  普通的10 */
  z-index: 100;
}

body {
  /* 把头部栏空出来 */
  /* padding-top: var(--header-height); */
  /* min-width: var(--container-width); */
}

#footer {
  background-color: #222221;
}
